/*
1:安装插件  vue-i18n@8.0.0
2:导入  import VueI18n from 'vue-i18n'
3:注册
   Vue.use(VueI18n)
4:实例化
   const i18n=new VueI18n({
       locale:'语言标识',
       messages:{
           语言包
       }
   })
5:暴露出去  export default i18n
6:在main.js挂载

使用：
  vue文件的使用
  1：修改语言 this.$i18n.locale='en'
  2:使用语言包  this.$t('xxx')   原本：<div>首页</div>  i18n :  <div>{{$t('xxx')}}</div>
  js文件中使用
    使用:import i18n from '@/lang'
    i18n===this.$i18n
    i18n.t===this.$t

  将i18n与element建立 联系

  1：加入elementui语言包
  2：加入i18n和elementui的联系 Vue.use(Element, {
  i18n: (key, value) => i18n.t(key, value)
})
// 国际化i18n.locale的数据持久化
设置：存储到浏览器
初次使用时读取浏览器的值 || 初始值

*/
import VueI18n from 'vue-i18n'
import Vue from 'vue'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import en from './en'
import zh from './zh'
import jsCookie from 'js-cookie'

Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: jsCookie.get('lang') || 'en',
  messages: {
    zh: {
      xxx: '首页',
      ...zhLocale,
      ...zh
    },
    en: {
      xxx: 'home',
      ...enLocale,
      ...en
    }
  }
})
export default i18n
